﻿/*
* name: slide.css
* version: v1.35
* update: .arrs全局样式;增加unable样式;禁止WP设备默认触屏事件；
* date: 2014-10-15
*/
.slide {
	/*自定义*/
	margin: 0 auto;
	height: 654px;
    background-color: #000;
	/*默认*/
	position: relative;
	-ms-touch-action: none;
	touch-action: none;
    overflow: hidden;
}
.slide ul img{
    width: 1900px;
    height:654px;
    position: absolute;
    left: 50%;
    margin-left: -950px;
    top: 50%;
    margin-top: -327px;
    max-width: none;
}
.slide_wrap {
	position:relative;
	width:100%;
	height:100%;
	overflow:hidden;
	*zoom:1;
}
.slide_c {
	float:left;
	top: 0;
	left: 0;
	width: 100%;
	height:100%;
	overflow: hidden;
	z-index: 1;
    text-align: center;
}

/*
 *  滚动广告标题
 */
.slide_tool {
	position: absolute;
	z-index: 98;
	width: 1200px;
	height: 120px;
	bottom: -60px;
	left: 50%;
	margin-left: -600px;
}

/*
 *  滚动广告标题-左侧工具
 */
.slide_nav{
    display: none;
    position: absolute;
    bottom: 8px;
    width: 100%;
    text-align: center;
    z-index: 3
}
/*.slide_nav a{
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 100%;
    margin: 0 6px;
    cursor: pointer;
    opacity: 0.6;
    background-color: #fff;
    overflow: hidden;
    text-indent: 20px
}
.slide_nav a.on{
    opacity: 1
}*/
.slide_nav a{
    position: relative;
    display: inline-block;
    width: 16px;
    height: 16px;
    border-radius: 100%;
    margin: 0 6px;
    cursor: pointer;
    text-indent: -999em;
    overflow: hidden;
    background-color: transparent;
    box-shadow: inset 0 0 0 2px white;
    -webkit-transition: background 0.3s ease;
    transition: background 0.3s ease;
}
.slide_nav a::after {
    content: '';
    position: absolute;
    bottom: 0;
    height: 0px;
    left: 0;
    width: 100%;
    background-color: #ffa304;
    box-shadow: 0 0 1px #ffa304;
    -webkit-transition: height 0.3s ease;
    transition: height 0.3s ease;
}
.slide_nav a.on::after{
    height: 100%;
}

.slide_nav_l{
    float: left;
    padding: 65px 25px 0 88px;
    position: relative;
}
.slide_nav_l a i{
    display: none;
    position: absolute;
    top: 5px;
    left: 20px;
    color:#fff;
    font-size: 58px;
}
.slide_nav_l a strong{
    display: none;
    position: absolute;
    top: 25px;
    left: 90px;
    color:#fff;
    font-size: 24px;
    font-weight: normal;
}
.slide_nav_l a strong b{
    font-weight: normal;
    padding-left: 6px
}
.slide_nav a.on strong{
    display: block;
}
.slide_nav_l p i{
    padding-left:8px;
}
.slide_nav a.on i{
    display: block;
}
.slide_nav_r{
    width: 70%;
    float: left;
    color: #fff;
    padding-top: 12px
}
.slide_nav_r h3{
    font-size: 32px;
    font-weight: normal;
}
.slide_nav_r h4{
    font-size: 14px;
    font-weight: normal;
}

/*
 *  滚动广告标题-右侧搜索工具
 */
.slide_search{
    width: 50%;
    height: 100%;
    float: left;
    background-color: #fff
}

/*
 *  左右切换
 */
.arrs.unable {
	cursor: default;
}
.arrs {
	cursor: pointer;
	z-index: 99;
    top: 50%;
    margin-top: -37px;
    z-index: 10;
    opacity: 0;
    font-family: 'salong';
    font-size: 26px;
    line-height: 60px;
    width: 38px;
    height: 75px;
    background-color: rgba(0,0,0,.2);
    color: #fff;
    cursor: pointer;
    position: absolute;
    text-align: center;
}
.arr_next {
    right: 40px;
    background: url('../images/right.png') no-repeat;
}
.arr_prev {
    left: 40px;
    background: url('../images/left.png') no-repeat;
}
.slide:hover .arr_next {
    right: 20px;
}
.slide:hover .arr_prev {
    left: 20px;
}
.slide:hover .arrs {
    opacity: 1;
}

@media only screen and (min-width: 1024px) and (max-width: 1199px) {
    .slide{height: 482px;overflow: hidden;}
    .slide ul img{width: 1400px;height: 482px;margin-left: -700px;margin-top: -241px}
}
@media only screen and (min-width: 800px) and (max-width: 1023px) {
    .slide{height: 352px;overflow: hidden;}
    .slide ul img{width: 1024px;height: 352px;margin-left: -512px;margin-top: -176px}
}
@media only screen and (min-width: 640px) and (max-width: 800px) {
    .arrs{display: none;}
    .slide{height: 275px;overflow: hidden;}
    .slide ul img{width: 800px;height: 275px;margin-left: -400px;margin-top: -137px}
}
@media only screen and (max-width: 640px) {
    .arrs{display: none;}
    .slide{height: 221px;overflow: hidden;}
    .slide ul img{width: 640px;height: 221px;margin-left: -320px;margin-top: -110px}
}
@media only screen and (max-width: 480px) {
    .arrs{display: none;}
    .slide{height: 165px;overflow: hidden;}
    .slide ul img{width: 480px;height: 165px;margin-left: -240px;margin-top: -83px}
    .slide_nav a{width: 12px;height: 12px}
}